<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/cart.css">
		
	</head>
	<body>
		
		<div class="title">购物车</div>
		<ul class="shop-list">
			<li class="item1">
				<input type="checkbox" class="checkbox">
				<img src="./img/cart/photo1.jpg" alt="">
				<div class="intro relative">
					<img class="close" src="./img/cart/icon.png" alt="">
					<div class="name">丛林物语双面印花磨毛四件套</div>
					<div class="pattern">1.8M;米白色</div>
					<div class="price">￥399.00</div>
					<div class="add">
						<div class="left">-</div>
						<div class="middle">1</div>
						<div class="right">+</div>
					</div>
				</div>
			</li>
			<li class="item1">
				<input type="checkbox" class="checkbox">
				<img src="./img/cart/photo2.jpg" alt="">
				<div class="intro relative">
					<img class="close" src="./img/cart/icon.png" alt="">
					<div class="name">丛林物语双面印花磨毛四件套</div>
					<div class="pattern">1.8M;米白色</div>
					<div class="price">￥399.00</div>
					<div class="add">
						<div class="left">-</div>
						<div class="middle">1</div>
						<div class="right">+</div>
					</div>
				</div>
			</li>
			<li class="item1">
				<input type="checkbox" class="checkbox">
				<img src="./img/cart/photo3.jpg" alt="">
				<div class="intro relative">
					<img class="close" src="./img/cart/icon.png" alt="">
					<div class="name">丛林物语双面印花磨毛四件套</div>
					<div class="pattern">1.8M;米白色</div>
					<div class="price">￥399.00</div>
					<div class="add">
						<div id="down" class="left">-</div>
						<div id="text" class="middle">1</div>
						<div id="up" class="right">+</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="mylike">
			<div class="title">猜你喜欢</div>
			<ul class="like">
				<li>
					<img src="./img/cart/photo6.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo7.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo8.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo9.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo10.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo11.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo12.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				<li>
					<img src="./img/cart/photo12.jpg" alt="">
					<span>清新趣粉全棉四件套</span>
					<div class="price">￥399</div>
				</li>
				
			</ul>
		</div>
		<div class="orders">
			 <div class="checkbox"></div>
			<span>全选</span>
			<span class="price">￥181.00</span>
			<span class="buy">下单</span>
		</div>
		<div class="footer">
			<ul class="footer-list">
				<li>
					<img src="./img/cart/icon1.png" alt="">
					<span>首页</span>
				</li>
				<li>
					<img src="./img/cart/icon2.png" alt="">
					<span>优选</span>
				</li>
				<li>
					<img src="./img/cart/icon3.png" alt="">
					<span>分类</span>
				</li>
				<li>
					<img src="./img/cart/icon4.png" alt="">
					<span>购物车</span>
				</li>
				<li>
					<img src="./img/cart/icon5.png" alt="">
					<span>我的</span>
				</li>
			</ul>
		</div>
		<script src="./js/cart.js"></script>
	</body>
</html>
